import React from 'react';

import MarkdownRenderer from '@/components/MarkdownRenderer';
import { formatText } from '@/utils/textFormatter';

interface SummaryTabProps {
	resultObj: any;
}

const SummaryTab: React.FC<SummaryTabProps> = ({ resultObj }) => {
	// 将HTML格式转换为Markdown格式
	const getMarkdownContent = (content: string) => {
		// 这里假设formatText返回的是HTML格式，我们需要将其转换为Markdown
		// 如果formatText已经返回Markdown格式，则可以直接使用
		const formattedContent = formatText(content);

		// 如果formatText返回的是HTML，可以考虑使用html-to-markdown库进行转换
		// 这里为了简单起见，我们假设formatText已经能够返回或转换为Markdown格式
		return formattedContent;
	};

	return (
		<div className="flex-col flex-1 px-8 py-6">
			<div className="text-5 font-medium mb-4">会议纪要</div>
			{resultObj?.content ? (
				<div className="bg-gray-100 p-4 rounded-lg h-[520px] overflow-auto">
					<MarkdownRenderer
						content={getMarkdownContent(resultObj.content)}
						className="meeting-summary"
					/>
				</div>
			) : (
				<div className="text-gray-500 text-center py-10">
					暂无会议纪要，请先在转写标签页上传或录制音频
				</div>
			)}
		</div>
	);
};

export default SummaryTab;
